<template>
    <ul class="movies">
        <Movie v-for="movie of movies"
               :key="movie.id"
               :movie="movie"
        />
    </ul>
</template>

<script>
    import Movie from './Movie'
    export default {
        components: {Movie},
        comments:{
          Movie,
        },
        name: "Movies",
        data: function () {
            return {
                movies: [
                    {id:0, title: 'Star Wars'},
                    {id:1, title: 'Blade Runner'},
                ],
            }
        }
    }
</script>

<style scoped>

</style>